<template>
    <div>
      <el-dialog
        title="修改角色"
        :visible.sync="dialogVisible"
        width="30%"
        :before-close="handleClose"
      >
        <span>
          <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="选择角色">
              <el-select v-model="form.role" placeholder="请选择">
                <el-option label="一处" value="shanghai"></el-option>
                <el-option label="二处" value="beijing"></el-option>
              </el-select>
            </el-form-item>
          </el-form>
        </span>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="dialogVisible = false"
            >确 定</el-button
          >
        </span>
      </el-dialog>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        dialogVisible: false,
        form:{
          role:'',
        }
      };
    },
    created(){
       this.init();
    },
    methods: {
      init(row) {
        this.dialogVisible = true;
        console.log(row, "row");
      },
      handleClose(done) {
        done();
      },
      onSubmit(){
  
      },
    },
  };
  </script>
  
  <style>
  </style>